<template>
<!-- 基础页面 -->
<div class="main">
  <!-- 左菜单栏 -->
  <mainSidebar></mainSidebar>
  <div class="main-right">
    <!-- 头部 -->
    <mainNavbar></mainNavbar>
    <!-- 内容区 -->
    <mainContent>
      <router-view></router-view>
    </mainContent>
  </div>
</div>
</template>

<script>
import mainSidebar from './main-sidebar'; // 左菜单栏
import mainNavbar from './main-navbar'; // 头部
import mainContent from './main-content'; // 内容区
export default {
  data () {
    return {
      ops: {
        // 滚动条配置项
      }
    }
  },
  name: "home",
  mounted () {
  },
  methods: {
  },
  components: {
    mainSidebar,
    mainNavbar,
    mainContent
  }
}
</script>
<style scoped>
.main{
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  background: #f1f4f5;
}
.main-right{
  flex: 1;
}
</style>
